<template>
<div class="system">
  <!-- 引入404页面图片 -->
  <img src="../../assets/image/404.png"/>
  <!-- 标题 -->
  <div class="title">
    <h2>页面走丢了...</h2>
    <!-- 返回按钮 -->
    <button type="button" class="layui-btn layui-btn-lg layui-btn-normal" @click="back">返回</button>
  </div>
</div>
</template>
<script>
// 引入404页面样式
import '/src/assets/css/404.css'
// 引入重置样式
import '/src/assets/css/h-ui.reset.css'
// 引入路由
import routers from "../../router/routers";
export default {
  name: "404",
  setup(){
    // 返回函数
    function back(){
      routers.back()
    }

    return {
      back
    }
  }
}
</script>

<style scoped>
  /* 设置按钮样式 */
  .layui-btn-normal{
    background-color: rgba(30,159,255,0.5);
    font-size: 18px;
    font-weight: bold;
  }
</style>